<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <script src="js/vue.js"></script>
    <script>
        /**
         *  自定义键位别名
         */
        Vue.config.keyCodes = {
            a: 65,
            f1: 112
        };
        window.onload = function () {
            new Vue({
                el: '#itany',
                methods: {
                    show(e) {
                        // console.log(e.keyCode);
                    },
                    print() {
                        console.log(this.events);
                        console.log("1111");
                    }
                }
            });
        }
    </script>
</head>
<body>
<div id="itany">
    <!--键盘事件 @keydown @keypress @keyup-->
    <!--
    用户名：<input type="text" @keydown="show($event)" />
    -->
    <!--简化按键的判断-->
    <!--        用户名：<input type="text" @keydown.13="print" />-->
    <!--    用户名：<input type="text" @keydown.enter="print"/>-->
    <!-- 不能直接按f1,而是还需要按alt键-->
    <!--    用户名：<input type="text" @keydown.f1="print"/>-->
    用户名：<input type="text" @keydown.a="print"/>
</div>
</body>
</html>